<template>
    <div id="wrapper">
        <div class="top">
            <top/>
        </div>
        <div class="content">
            <div class="content-left">
                <navbar/>
            </div>
            <div class="content-right">
                <router-view />
            </div>
        </div>
        <!-- <top/>
        <div class="navbar">
            <div class="fl"><navbar/></div>
            <div class="fl mian"><router-view /></div>
        </div> -->
    </div>
</template>

<script>
    import Top from "@/components/Top.vue";
	import Navbar from "@/components/NavToBar.vue";
    export default {
        components: {
		    Top,
            Navbar,

        },
        data() {
            return {

            }
        },
        mounted () {

        },

    };
</script>
<style lang="scss">
@import '../assets/css/main.scss';
#wrapper{
    height:100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .top{
        height:60px;
        min-height: 60px;
    }
    .content{
        display: flex;
        height:calc(100% - 60px);
        .content-left{
            min-width: 190px;
            background: #001529;
        }
        .content-right{
            width:100%;
            padding:70px;
            overflow-y:auto;
        }
    }
}
</style>

